@charset "utf-8";

/*通用*/
.w1920{width: 100%;max-width:1920px;min-width:320px;margin: 0 auto;}
.w1280{width: 98%;max-width:1360px;margin: 0 auto;}
.w1360{width: 98%;max-width:1360px;margin: 0 auto;}
.atm3{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.atm5{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.atm8{-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s;}
.atm-img{width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;display: block;}
.atm-img img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.atm-img:hover{-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
a:hover{color:#067fc9;}


/*head*/
.headbox,.headbox > div{height:120px;}
.headbox .logo{float:left;height:100%;}
.headbox .logo p{padding:15px 10px 15px 0;float: left;height: 100%;}
.headbox .logo p img{max-height: 100%;}
.headbox .logo p .mlogo{display: none;}
.headbox .logo span{display: block;float: left;font-size: 15px;color: #787878;border-left: 1px solid #999;padding: 3px 0 3px 15px;line-height: 1;position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);margin-top: 2px;letter-spacing: -.5px;}
.headbox .logo span strong{display: block;font-size: 16px;letter-spacing: -.4px;color: #067fc9;margin-bottom: 10px;}

.headbox .tel{height:100%;float: right;padding: 0 105px 0 50px;background: url(../nyimages/icon-tel.png) left 60% no-repeat;position: relative;line-height: 1;}
.headbox .tel img{position: absolute;right: -10px;top: 5px;}
.headbox .tel span{display: block;color: #808080;padding: 20px 0 5px 5px;}
.headbox .tel p{font-size: 30px;color: #e52e2e;}
.headbox .tel p i{display: block;height: 0;overflow: hidden;}

.navico{width:45px;height:45px;position: absolute;top: 0;right: 1%;display:none;z-index: 6;}
.navico p{width:100%;height:100%;position:relative;}
.navico span,.navico span::before,.navico span::after{width:26px;height:3px;position:absolute;background:#e52e2e;display:block;border-radius:1.5px;-webkit-transition: .3s;transition: .3s;}
.navico span{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.nav_open span{background:transparent;}
.navico span:before,.navico span:after{content:"";left:0;}
.navico span:before{-webkit-transform:translateY(-300%);transform:translateY(-300%);}
.nav_open span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navico span:after{-webkit-transform:translateY(300%);transform:translateY(300%);}
.nav_open span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}


/*nav*/
.navbox{height:50px;position:relative;background: #067fc9;z-index: 999999;}
.navbox ul li{width:12.5%;height:50px;float:left;text-align:center;position: relative;}
.navbox ul li a{display:block;overflow:hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.navbox ul li > a{width:100%;height:100%;padding: 10px 5px;font-size:15px;font-weight:600;color:#fff;background: #067fc9;line-height: 2;}
.navbox ul li > i{display:block;width:100%;height:16px;background:url(../images/icon7.png) center top no-repeat;position:absolute;left:0;bottom:0;z-index: -1;}
.navbox ul li > span{display:none;width: 50px;height: 50px;background: url(../nyimages/icon14.png) center no-repeat;position: absolute;top: 0;right: 0;}

.navbox ul li > dl{min-width:100%;background:rgba(20,20,20,.8);padding:0;position:relative;top:150%;left:0;opacity: 0;border-radius: 3px;}
.navbox ul li > dl dd{position: relative;}
.navbox ul li > dl dd > a{width:100%;height:0;padding:0 5px;margin:-5px auto;color:#fff;z-index: 1;}
.navbox ul li > dl dd > div{width:0;padding:0;overflow:hidden;position:absolute;left:100%;top:0;border:0 solid #ddd;opacity:0;background:#f7f7f7;text-align: left;}
.navbox ul li > dl dd > div a{width:100%;height:0;padding:0 5px;color:#666;display: inline-block;}

.navbox ul li.active > a{background-color:#fff;color: #e52e2e;border-bottom: 2px solid #e52e2e;}
.navbox ul li:hover > i{bottom: -15px;}
.navbox ul li:hover > dl{top: 15px;opacity: 1;padding:15px 0;}
.navbox ul li:hover > dl dd > a{height:40px;padding:10px 5px;}
.navbox ul li > dl dd:hover > a{background:#e52e2e;z-index: 2;}
.navbox ul li > dl dd:hover > div{width:100%;opacity:1;padding:10px 5px 10px 10px;border-width: 1px;}
.navbox ul li > dl dd:hover div a{height:30px;padding:5px;}
.navbox ul li > dl dd > div a:hover{color:#e52e2e;}

/*banner*/
.bannerbox{z-index: 3;}
.bannerbox .swiper-slide img{height: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
#bannerppt{width:100%;height:650px;}
#bannerppt .swiper-pagination-bullet{margin:0 5px;}
.mbannerppt{display: none;}
#nbannerppt{width:100%;height:360px;}
.bannerbox .swiper-slide{-webkit-transform:scale(1);transform:scale(1);opacity: 1;z-index: 99;-webkit-transition: 2s ease;transition: 2s ease;}
.bannerbox .swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);opacity: 1;z-index: 999;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #e52e2e;}

/*search*/
.searchbox{background:#f5f5f5;padding:15px 0;}
.searchbox .right{width:25%;max-width:300px;height: 30px;float: right;position: relative;}
.searchbox .right .tit{width: 100%;height: 30px;float: left;border:1px solid #ddd;padding:5px 10px;background:#fff;}
.searchbox .right .tit input{display: block;width: 100%;height: 18px;border: 0;background: none;line-height: 18px;color: #666;padding:0;}
.searchbox .right .anniu{width: 50px;height: 30px;position: absolute;top: 0;right: 0;background:#e52e2e;}
.searchbox .right .anniu input{width: 50px;height: 30px;display:block;border:0;background:url(../nyimages/icon-search.png) center no-repeat;cursor:pointer;}

.searchbox .left{width:70%;height: 30px;float: left;line-height: 30px;color: #333;position:relative;padding-left:6.5em;}
.searchbox .left div{width:6.5em;overflow:hidden;height:30px;position:absolute;left:0;top:0;color:#666;}
.searchbox .left p{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*foot*/
.footbox{background:#067fc9;line-height: 30px;color: rgba(255,255,255,.8);}
.footbox a{color: rgba(255,255,255,.8);}
.footbox a:hover{color: #fff;}
.footbox .tit{width: 100%;font-size: 16px;color: #fff;margin-bottom: 15px;font-weight: 600;}

.footbox .foot-cont{position: relative;min-height: 190px;border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;padding: 45px 0;}

.foot-nav{width:360px;height:100%;padding-right: 3%;float: left;}
.foot-nav p{width:33.33%;padding-right:10px;float: left;}
.foot-nav a{display:block;}
.foot-nav a:hover{top:-5px;}

.foot-txt{position: relative;padding:0 3% 0 10%;float: left;}

.foot-ewm{float: right;padding-top: 5px;}
.foot-ewm .con{overflow: hidden;margin: 0 -10px;}
.foot-ewm p{width: 33.33%;float: left;padding: 0 10px;text-align: center;}
.foot-ewm p img{width: 100%;max-width: 130px;}
.foot-ewm p span{display: block;line-height: 1;padding-top: 10px;}

.linkbox{border-bottom: 1px solid rgba(255,255,255,.2);padding: 20px 0 20px 100px;position: relative;line-height:24px;min-height: 70px;}
.linkbox p{position: absolute;left: 5px;top: 21px;font-weight: 600;color: #fff;font-size: 15px;}
.linkbox ul li{display: inline;margin-right: 10px;height:24px;}
.linkbox ul a{height:24px;white-space: nowrap;}

.foot-text{padding: 20px 15px 25px;clear: both;text-align: center;line-height: 25px;}
.foot-text .txt p{display: inline;padding: 0 3px;}

@media only screen and (max-width:1360px){
#bannerppt{height:0;padding-bottom:45%;}
#nbannerppt{height:0;padding-bottom:26%;}
.bannerbox ul{position: absolute;top: 0;left: 0;}
.foot-nav{padding: 0 10px;}
.foot-txt{padding-left: 8%;}
.foot-ewm .con{margin: 0;}
}
@media only screen and (max-width:1250px){
.headbox,.headbox > div{height:110px;}
.headbox .logo p{padding-right: 5px;}
.headbox .logo span{padding-left: 8px;}
.headbox .tel{padding: 0 0 0 45px;background-position: -4px 65%;}
.headbox .tel p{font-size: 27px;}
.headbox .tel img{display: none;}
.footbox .foot-cont{padding: 35px 0;}
.foot-nav{width:28%;max-width: 350px;}
.foot-txt{padding-left: 6%;}
.foot-ewm{max-width: 40%;padding: 0 5px;}
.foot-ewm p{padding: 0 5px;}
}
@media only screen and (max-width:1024px){
.w1280{width: 96%;}
.headbox .logo span,.headbox .tel,.navbox ul li i{display: none;}
.navico,.navbox ul li span{display:block;}
.headbox{width:100%;height:45px;z-index: 999;position: fixed;left: 0;top: 0;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.headbox .w1280{width:100%;height: 100%;}
.headbox .logo{width:100%;max-width:100%;height:100%;padding:0 2%;background:#fff;z-index:5;position: relative;}
.headbox .logo p{padding: 0;}
.navbox{width:100%;position:fixed;left:0;top:0;background:#333;height:0;overflow:hidden;padding: 0;z-index: 4;}
.navbox.nav_on{height:100%;}
.navbox ul{width:100%;height:calc(100vh - 120px);overflow-y:auto;position:absolute;left:0;top:55px;padding:0 3.5%;}
.navbox ul li{width:100%;height:auto;text-align:left;border-bottom:1px solid #555;padding-right: 60px;}
.navbox ul li > a,.navbox ul li.active > a{height:50px;background: none;color: #fff;padding:15px;border: 0;line-height: 1.5;}
.navbox ul li.active > a{color: #f24949;}
.navbox ul li dl{width:calc(100% + 40px);border: 0 solid #555;border-radius: 10px;padding: 0 13px;overflow: hidden;background:#404040;left:10px;}
.navbox ul li.active dl{top: 0;}
.navbox ul li > dl dd > a{width:auto;margin:0;float:left;color:#ddd;}
.navbox ul li dl dd > a:hover{color: #f24949;}
.navbox ul li:hover dl dd > a{height:35px;line-height:36px;padding:0 15px;}
.navbox ul li dl dd > div{display:none;}
.navbox ul li:hover dl{border-width: 1px;padding: 10px 13px;margin-bottom: 10px;}
.navbox ul li dl dd:hover a{background:none;}
.bannerbox{padding-top:45px;}
.footbox .foot-cont,
.linkbox{display: none;}
.foot-text{padding: 15px 0;}
.foot-text p,
.foot-text .txt{display: inline;}
}
@media only screen and (max-width:768px){
.navbox ul li:hover dl dd > a{height:30px;line-height:30px;padding:0 7px;}
#bannerppt .swiper-pagination{bottom: 3px;}
#bannerppt .swiper-pagination-bullet{margin:0 3px;}
.bannerbox .swiper-button-next,
.bannerbox .swiper-button-prev{width:30px;height:60px;margin-top:-30px;font-size:30px;}
.searchbox{padding:15px 0 10px;}
.searchbox .right{width:100%;max-width: 100%;}
.searchbox .left{width:100%;margin-top:5px;}
.footbox,.footbox .w1280{background: #191919;}
.foot-cont,.linkbox{display:none;}
.footbox .foot-text p{width:100%;text-align: center;}
}